<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>app下载测试！</title>
<meta content="优设网站导航为设计师提供ps教程、UI设计、素材下载、高清图库、配色方案、用户体验、网页设计等全方位设计师网站导航指引。每周更新及时，是优秀设计联盟（SDC）旗下最实用、最专业、最全面、最好用的设计师导航！" name="description" />
<meta content="设计师网站导航，设计师网址导航，优设导航，设计导航，设计师导航，UI设计，ps教程，设计教程，优秀网页设计，素材下载，用户体验，设计师招聘" name="Keywords" />
<script type="text/javascript" src="//www.shareinstall.com.cn/js/page/jshareinstall.min.js?v=029df97f0a"></script>
</head>
<body class="body-home body-website">
  <a href='javascript:void(0);'  id='downloadButton'>打开APP</a>
<script type="text/javascript">
    //shareinstall初始化，初始化时将与shareinstall服务器交互，应尽可能早的调用
    /*web页面向app传递的json数据(json string/js Object)，应用被拉起或是首次安装时，通过相应的android/ios api可以获取此数据*/
    var data = ShareInstall.parseUrlParams();//shareinstall.js中提供的工具函数，解析url中的所有查询参数
    new ShareInstall({
        appKey : 'FKBKEHKH7R2K2R',
         //可选项，微信中打开自定义遮罩层
         shadow : function(){
           return "<div id='shareinstall_shadow' style='position:fixed;left:0;top:0;background:rgba(0,255,0,0.5);filter:alpha(opacity=50);width:100%;height:100%;z-index:10000;'></div>"
          },
         /*可选参数，是否优先考虑下载app，以牺牲唤醒为代价*/
         //preferInstall:true,
         /*可选参数，是否优先考虑拉起app，以牺牲下载体验为代价*/
         preferWakeup:true,
         /*可选参数，微信中直接跳下载*/
         weChatdownload:true,
        onready : function() {
            //shareinstall已成功回调
            var m = this, button = document.getElementById("downloadButton");
            button.style.visibility = "visible";

            /*用户点击某个按钮时(假定按钮id为downloadButton)，安装app*/
            button.onclick = function() {
                m.wakeupOrInstall();
            }
        }
    }, data);
</script>
</body>
</html>